<template>
  <div>
      <!-- //三级联动已注册为全局组件 -->
      <TypeNav/>
      <ListContainer/>
      <Recommend/>
      <Rank/>
      <Like/>
      <Floor v-for="(floor) in floorList" :key="floor.id" :list="floor"  />
      
      <Brand/>
  </div>
</template>

<script>
//引入其余组件
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank from '@/pages/Home/Rank'
import Like from '@/pages/Home/Like'
import Floor from '@/pages/Home/Floor'
import Brand from '@/pages/Home/Brand'
import{mapState} from 'vuex'

export default {
    name:'',
    components:{
      ListContainer,
      Recommend,
      Rank,
      Like,
      Floor,
      Brand
    },
    mounted() {
      //发送请求，获取floor数据
      this.$store.dispatch('getFloorList')
      //获取用户信息，在首页展示
      this.$store.dispatch('getUserInfo')
    },
    computed:{
      ...mapState({
        floorList:state=>state.home.floorList
      })
    }

}
</script>

<style scoped>



</style>